/*----------------------------------------------------
@File: Default Styles
@Author: Rocky
@URL: http://wethemez.com
Author E-mail: rockybd1995@gmail.com

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
---------------------------------------------------- */
/*=====================================================================
@Template Name: Cerative Agency
@Author: Rocky
@Developed By: Rocky
@Developer URL: http://rocky.wethemez.com
Author E-mail: rockybd1995@gmail.com

@Default Styles

Table of Content:
01/ Variables
02/ predefin
03/ header
04/ banner
05/ slider
06/ feature
07/ button
08/ service
09/ testimonials 
10/ blog 
11/ contact 
12/ footer 
=====================================================================*/
/*----------------------------------------------------*/
/*font Variables*/
/*Color Variables*/
@import url("https://fonts.googleapis.com/css?family=Playfair+Display|Microsoft Yahei:300,400,500,600,700,800,900");
.col-md-offset-right-1, .col-lg-offset-right-1 {
  margin-right: 8.33333333%;
}
 
ul ,li{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

a {
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: none;
  outline: none;
}
.nav>li>a:visited,.nav>li>a:focus{background:#0962a8; color:#fff}
.row.m0 {
  margin: 0px;
}

.p0 {
  padding: 0px;
}

body { 
  line-height: 26px;
  font-size: 14px;
  font-family: "Microsoft Yahei", "微软雅黑", sans-serif;
  background: #fff;
}

body, p, h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
}

#success {
  display: none;
}

#error {
  display: none;
}

.display_table {
  display: table;
  width: 100%;
}
img{ border:0}

.display_table_row {
  display: table-row;
}

.display_table_cell {
  display: table-cell;
  float: none !important;
}

.p_100 {
  padding: 100px 0px;
}

iframe {
  border: none;
}

 
 

 

/*93学社*/
/*.index_news {min-height: 300px; margin: 330px 0} 
.border{ min-height: 500px; }
.hedtop{ background: url(../img/top3.jpg) repeat-x; }*/
.white{ background: #fff } 
.border{ border: 1px solid #dddddd; padding: 0 }
.pad20{ display: inline-block; width: 100%; padding: 20px 0; }
.padtb20{ padding: 20px 0 }
.pad0{padding: 0}
.matop20{ margin-top: 15px; }
.navblue{ display:inline-block; width:100%; background:#0962a8}

.nheader{ width: 100%; height: 262px; height:255px\9;background: url(../img/top3.jpg) repeat-x;}
.navbar-toggle .icon-bar{ border:1px solid #dddddd; }
.nheader .nlogo{ float:left; width: 100%; margin:35px 0 28px; clear:both} 
.nhedtop{padding: 8px 0; height:25px; background: #f3f4f8; color: #353537}
.nhedtop a{ color: #fff; padding: 4px 15px; background:#4781af }
.nhedtop a.tophome{ background:#88badf}
.nhedtop .pull-right.minlogo{ display: none; }
.nhedtop .minlogo{ display: none; }
.navbar-nav{   width: 100%;  }
.navbar-nav li{float:left; margin:0 10px;padding: 0 }
.navbar-nav li a{float:left; padding:15px 20px;  text-align: center; font-size: 17px; color:#ffffff}
.navbar-nav li a.nav-sel,.navbar-nav li a:hover{ background: #0068b7; color: #fff; border-radius: 5px; }
.nsearch{ position: relative; width:305px; height: 35px; border: 1px solid #4681af ; margin: 45px auto 0}
.nsearch input{ position: absolute; left: 0; top: 0; width: 267px; height: 35px; line-height:35px; padding: 0 5px; background: #fff; border:none }
.nsearch i{ width: 36px; height: 36px; position: absolute; right: 0; top:0; text-align: center; line-height: 33px; background: #3179b1; color: #fff;background:#3179b1 url(../images/search.png) center center  no-repeat \9;}
.nsearch button{ }
.npart1{ margin: 20px 0 }
.npart1 .container{ padding:0}
.npart2 .container{ padding: 0 }
.npart3,.npart2,.npart4,.npart5{float:left; width:100%; clear:both}
.maright20{ margin-right: 20px; }
.slideposi{ position: relative; margin-right:20px; }
.slideposi p{ position: absolute; bottom: 0; height: 40px; background:url(../images/blue.png)  repeat;  color: #fff; text-align: left; padding: 0 10px; width: 100%; line-height: 40px;  }
.slideposi .swiper-pagination-bullet{ width: 10px; height: 10px; border-radius: 0;  background: #fff; margin-right: 10px !important; margin-left: 0 !important }
.slideposi .swiper-pagination-bullet-active { opacity: 1; background: #da1216;}
.indbar{ width:645px; float:left; padding:0}
.indnews{background:#f5f5f5; padding:15px 10px;}
.indnews h5  { background: #f5f5f5;  height: 39px; line-height: 39px; margin-bottom: 5px;  }
.indnews h5 a,.modnews h4 a{float: left; padding: 0 18px; color: #4681af; line-height: 33px; height: 36px; font-size: 17px;}
.indnews h5 a{float:right; padding:0; line-height:36px; font-size:14px; color: #999}
.indnews h5 span{font-size:18px;color:#666;  padding:5px 10px; border-radius:5px; font-weight:bold; cursor:pointer; margin-right:20px; }
.indnews h5 span.indnews-sel{ background:#155c93; color:#fff }
.indnews h5 a.indnews-sel,.indnews h5 a:hover{ background: #4681af; color: #fff }
.indnews h5 a:hover{ background:none; color:#000}
.modnews h4{  display: inline-block;width: 480px; padding: 10px 10px 8px 0; border-bottom:1px solid #6690b2}
.modnews ul{ padding:0 10px; }
.modnews ul .inmore{ position:absolute; right:10px; top:-47px}
.modnews h4 span,.npart8 h4 span{ float: left; margin-left: 25px; line-height: 35px; font-size: 20px; font-weight: bold; color: #155c93 }
.modnews h4  a{ position: relative;   font-size: 14px; padding: 0 10px; }
.modnews h4 a:after{position: absolute; right: 0; top: 7px; width: 1px; background: #a7bbd2; height: 20px; content: ""; display: inline-block; }
.modnews h4 a:after:first-child{ width: 0 } 
.indnews li,.modnews li{ width: 100%; }
.modnews li .text-right{ float:right}
.indnews li span,.modnews li span{ color: #999999; font-size: 14px; line-height:38px;}
.indnews li a,.modnews li a{ position: relative; color: #000;  height:38px;   line-height: 38px; font-size: 16px; overflow: hidden; } 
.indnewsyw li a{ height:auto; line-height:22px;}
.indnewsyw{ float:right; width:335px; height:395px; overflow:hidden} 
.indnewsyw li{ display:inline-block; margin-bottom:2px; margin-top:10px; background:url(../images/ico.jpg) left 12px no-repeat; padding-left:13px ; width:320px;}
.indnewsyw ul { position:relative; height: 347px;  overflow: hidden;} 
.swiper-zt{position: relative; overflow: hidden; }
.swiper-zt a img{ width: 100% }
.page-zt{ position: absolute; right: 0; bottom: 0!important; left: inherit!important; z-index: 111; width: auto !important;}
.page-zt span{  width: 25px; height: 18px; background: #333; opacity: 0.6; color: #fff; text-align: center; line-height: 18px; border-radius: 0; }
.page-zt span.swiper-pagination-bullet-active{ background: #c00 }
.modnews li.tw-news{ position: relative; }
.modnews li.tw-news .twpic{display: inline-block; height: 125px; position: absolute; left: 0; top: 0;}
.modnews li.tw-news span{ display: inline-block; padding-left: 190px; }
.modnews li.tw-news span a{ font-size: 14px; color: #f00 } 
.modnews li.tw-news p{ height: 85px; line-height: 30px; overflow: hidden; }
.modnews li.tw-news img{  width: 175px; height: 125px; }
.npart4 .modnews h4 span{ font-weight: bold; font-size: 20px;cursor: pointer; }
.npart4 .modnews h4 span.span-sel{ color: #155c93; }
.npart4 .szgw h4 span{ color: #888 }
.friendship{ padding:10px 0; min-height: 80px; }
.footer{ width:100%; background: #0961a8; padding: 20px 0; margin-top: 20px;}
.footer p{text-align: center; color: #fff; }
.footer p a{text-decoration:underline; color:#fff}
.footer select{ border:none; background: none; padding:5px 10px }
.szgw ul{ position:relative; display: none; }
.scorllzt{ height: 100px; overflow: hidden; } 
.scorllzt li{float:left; width: 185px; height: 100px; margin-right:18px; margin-right:8px \9;margin-left:7px \9; background: #6995c6; text-align: center;  border-radius: 3px;}
.scorllzt li:last-child{ margin:0}
.scorllzt li a{ display: inline-block; width: 100%; color: #fff; padding: 15px 0 7px}
.scorllzt li p{ font-size: 17px; margin-top: 5px;} 
.friendship li{ float:left;  text-align:center; height:55px; }
.friendship li a{ color:#fff;}
.secondfri li{ float:left; width:24%; margin:0 0.5%; height:66px;}
.secondfri li img{ width:100%}
.npart6 .container{padding:20px 0;}
.mapright li {line-height:38px; height:38px; margin-bottom:3px; }
.mapright li b{ float:left; font-weight:normal; background:#6995c6; color:#fff; padding:1px 6px; border-radius:5px; line-height:24px; margin-top:7px; margin-right:5px; font-size:14px;}
.mapright li a{ display:inline-block; width:356px; font-size:16px; color:#666; height:38px; overflow:hidden}
.mapright li span{ float:right; color:#aaa}
.fourswipe .bgtzgg{position:relative; width:235px; height:87px;float:left}
.fourswipe .bgtzgg img{ width:100%; position:absolute; top:0; left:0; }
.fourswipe .bgtzgg a{width: 148px;    padding-left: 70px;    padding-right: 12px; margin:0;    padding-top: 12px;    line-height: 20px;    position: absolute;    color: #fff;    height: 75px;}
.scale-med{ width:550px; height:550px; position:absolute; top:15px; left:-15px;   padding: 0;  margin: 0;  transform-origin: center;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  -webkit-tap-highlight-color: transparent;; }
#map{ margin-top:50px; margin-top:0; text-align:center; min-height:500px;}
.npart6 h4{ height:38px; line-height:38px; padding:0 10px;}
.npart6 h4 b{display:inline-block; width:100%; height:15px; background:#eee; }
.npart6 h4{ position:relative;}
.npart6 h4 span,.npart6 h4 a{position:absolute; background:#fff; padding:0 10px;}
.npart6 h4 span{left:10px;     color: #155c93; font-size:20px; font-weight:bold}
.npart6 h4 a{right:10px; font-size:14px;}
.npart8 h4{ float:left; width:100%;}
.npart8 h4 span{ margin-left:0}
.npart8{ display:none; padding:0 5px;}
.npart8 a{ display:inline-block; width:100%; text-align:center; background:#eee; margin-top:5px; padding:8px 0 }
.npart8 .pad15{ padding:15px }
.npart8 select{ width:100%; border:1px solid #ccc}
.ind-ewm{ display:inline-block; width:165px;}
.ind-ewm dl{ float:left; width:48%; text-align:center; margin:0 }
.ind-ewm dl dd{ margin:0}
.ind-ewm img{ width:100%;}
.friendslide{ 
        width: 100%; 
        margin: 20px auto;
padding:0 20px
    }
.friendslide .swiper-button-prev{ left:-5px; }
.friendslide .swiper-button-next{right:-1px; }
.friendslide a {
width:25%;
        margin:0 5px;
        font-size:14px;
        background:#6995c6;
        text-align: center; 
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        color:#fff; 
        border-radius:5px;
        padding:5px;
    }
.bgblue{ padding:10px; background:#f5f5f5; margin-bottom:15px; text-align:center}
.bgblue h3{ line-height:45px; padding-bottom:10px; font-size:33px; font-weight:bold;margin:15px 0; color:#c70015}
.bgblue h3 a{color:#c70015}
.bgblue  p{ margin-top:5px; color:#155c93;font-size:16px;}
.bgblue  .line {
    height: 2px;
    border-bottom: 1px solid #fff; 
    width: 100%;
    background: #ccc;
}
.fourswipe a{float: left; width: 235px; height:87px; margin-right:20px; overflow:hidden}
.fourswipe a img{ float: left; width: 100% }
#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../images/icon.png) no-repeat; position:fixed; right:50px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-276px -258px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:120px; _margin-bottom:120px;}
#gotop{ background-position:-276px -310px; bottom:67px; _margin-bottom:67px;} 

#code_img{ width:270px; height:355px; background:url(../images/icon.png) -4px -3px no-repeat; position:fixed; right:90px; bottom:67px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;}
 
  	/* friendship */
.apply{width:1000排序;margin:0 auto ;}
.apply_array{   text-align: center; float:left;height:72px;   border-radius:3px; width:20%; margin-bottom:5px; } 
.apply_array a{text-decoration:underline;}
.apply_array a:hover{color:#fff}   
.apply_array:hover a{color:#fff}  
.apply_nav{position:relative;width:1000px;float:left; overflow:hidden}
.apply_w{/* position:absolute;margin-top:10px; margin-bottom: 10px;*/ width:1000px;float:left;left:0px}
.apply .img_l{padding:35px 12px 0 12px;float:left;cursor:pointer;}
.apply .img_r{padding:35px 12px 0 12px;float:left;cursor:pointer;}
.apply_array a{ text-decoration: none;color: #2775b3 }
.apply_array a:hover{ color:#eee}
.secondfri{ float:left; display:inline-block; margin-top:10px; width:835px;}
.news-r .content-txt{ margin-top:0} 

/*焦点图效果*/
.slide_x{overflow:hidden; float:left;position:relative;width:630px;height:425px;}
.slide_x a{color:#FFF;text-decoration:none;}
.slide_x .box{overflow:hidden;position:relative;width:630px;height:425px;}
.slide_x .list{overflow:hidden;width:9999px;}
.slide_x .list li{float:left;position:relative;width:630px;}
.slide_x .list img{vertical-align:top;}
.slide_x .list p{width:100%;height:44px;line-height: 44px; position:absolute;bottom:0;left:0;color:#FFF;
text-indent:12px;background:#000;filter:alpha(opacity=70); background:rgba(0,0,0,0.7);}
.slide_x .list p a{ color:#fff;}
.slide_x .btn{overflow:hidden;position:absolute;bottom:23px;right: 10px;}
.slide_x .btn li{float:left;width:8px;height:8px;color: #fff;margin:0 0 0 5px;cursor:pointer;background: #fff;}
.slide_x .btn .selected{background: #f97001;}


.container{ width:1000px; margin:0 auto; clear:both}
.pull-left{ float:left}
.pull-right{ float:right}
.modnews{ width:490px;  }
.npart5,.npart6{ clear:both; margin-bottom:15px;}
.npart6{ text-align:center} 
.npart6 .border{ display:inline-block}
.mapright{width:470px; margin-right:10px;}
.mapright li a{ text-align:left}
.sitemap{ display:none;display:block\9}
.sitemap img{ margin-left:50px; margin-top:50px;}
#map{display:none\9}
.subtit{font-weight: normal;   text-align: center;    margin-top: 10px;   font-size: 22px;}